<%--
  @author Tharanga Punchihewa
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="s" uri="/struts-tags" %>

<script type="text/javascript">
    $(document).ready(function () {
        $("#kmlDocumentUpload").hide();

        var pls_enter_applicant_name = "<br>" + document.getElementById("pls_enter_applicant_name").value;
        var pls_enter_submit_date = "<br>" + document.getElementById("pls_enter_submit_date").value;
        var pls_enter_applicant_address = "<br>" + document.getElementById("pls_enter_applicant_address").value;
        var pls_enter_name_of_the_spouse = "<br>" + document.getElementById("pls_enter_name_of_the_spouse").value;
        var pls_enter_name_of_the_nominated_successor = "<br>" + document.getElementById("pls_enter_name_of_the_nominated_successor").value;
        var pls_select_gn_division = $("#pls_select_gnDivision").val();
        var applicant_age_validate = $("#applicant_age_validate").val();
        var pls_enter_the_applicant_dob = $("#pls_enter_the_applicant_dob").val();
        var pls_enter_annual_income = $("#pls_enter_annual_income").val();
        var pls_enter_valid_annual_income = $("#pls_enter_valid_annual_income").val();
        var pls_select_nationality = $("#pls_select_nationality").val();
        $("#gov-land-init-grant-application-form").validate({
            rules:{
                personId:{
                    required:true
                },
                submitDate:{
                    required:true
                },
                personAddress:{
                    required:true
                },
                nominatedSuccessorName:{
                    required:true
                },
                gnDivisionId:{
                    selectBox:"default"
                },
                dateOfBirth:{
                    required:true,
                    isDateFormated: true,
                    ageValidate:true
                },
                annualIncome:{
                    required:true,
                    number:true
                },
                nationalityIdtrue:{
                    nationality:true
                },
                nationalityIdfalse:{
                    nationality:true
                }
                /*,
                 nameOfTheSpouse:{
                 required:true
                 }*/
            },
            messages:{
                personId:{
                    required:pls_enter_applicant_name
                },
                submitDate:{
                    required:pls_enter_submit_date
                },
                personAddress:{
                    required:pls_enter_applicant_address
                },
                nominatedSuccessorName:{
                    required:pls_enter_name_of_the_nominated_successor
                },
                gnDivisionId:{
                    selectBox:pls_select_gn_division
                },
                dateOfBirth:{
                    required:pls_enter_the_applicant_dob,
                    ageValidate: applicant_age_validate
                },
                annualIncome:{
                    required :pls_enter_annual_income,
                    number:pls_enter_valid_annual_income
                },
                nationalityIdtrue:{
                    nationality:pls_select_nationality
                },
                nationalityIdfalse:{
                    nationality:pls_select_nationality
                }
                /*,
                 nameOfTheSpouse:{
                 required:pls_enter_name_of_the_spouse
                 }*/
            }
        });
        var mode = document.getElementById("edit_mode").value;

        /*if (mode == 3 || mode == 4 || mode == 6) {
         showLandDetails();
         $('#landDetails').hide();
         $('a[rel*=facebox]').facebox(function() {
         $('#landDetails').show();
         });
         }*/

    });
</script>
<script language="javascript">
    function addRow(tableID) {

        var table = document.getElementById(tableID);

        var rowCount = table.rows.length;
        var row = table.insertRow(rowCount);

        var cell1 = row.insertCell(0);
        var element1 = document.createElement("input");
        element1.type = "checkbox";
        cell1.appendChild(element1);

        var cell2 = row.insertCell(1);
        cell2.innerHTML = "Name";

        var cell3 = row.insertCell(2);
        var element2 = document.createElement("input");
        element2.type = "text";
        cell3.appendChild(element2);

        var cell4 = row.insertCell(3);
        cell4.innerHTML = "Date of Birth";


        var cell5 = row.insertCell(4);
        var element3 = document.createElement("input");
        element3.type = "text";
        cell5.appendChild(element3);

    }

    function deleteRow(tableID) {
        try {
            var table = document.getElementById(tableID);
            var rowCount = table.rows.length;

            for (var i = 0; i < rowCount; i++) {
                var row = table.rows[i];
                var chkbox = row.cells[0].childNodes[0];
                if (null != chkbox && true == chkbox.checked) {
                    table.deleteRow(i);
                    rowCount--;
                    i--;
                }

            }
        } catch (e) {
            alert(e);
        }
    }
    $(function () {
        var mode = document.getElementById("edit_mode").value;
        //if (mode == 2 || mode == 3 || mode == 4 || mode == 5 || mode == 6 || mode == 8 || mode == 9) {
        //if (mode == 2 || mode == 3 || mode == 5 || mode == 6 || mode == 9) {
        if (mode == 2 || mode == 3 || mode == 9 || mode == 20 ||mode == 21 ||mode == 30) {
            var fieldIds = new Array('submitDate', 'nominatedSuccessorName',
                    'permitHolderOccupiedTheLand', 'presentUserName', 'developmentStatus', 'purposeId',
                    'districtId',
                    'dsDivisionId', 'gnDivisionId','addChild');
            enableFields(fieldIds);
            $("#attachFile").hide();

        }
    });
    function getDsDivisionByDistrict() {
        var oSelect = document.getElementById('districtId');
        //var options1 = '<option value="0"> -- Select -- </option> ';
        var options1 = '<option value="0">' + $('#select').val() + '</option> ';
        for (var iCount = 0; oSelect.options[iCount]; iCount++) {
            if (oSelect.options[iCount].selected == true) {
                var id = oSelect.options[iCount].value;
                $.getJSON('${pageContext.request.contextPath}/common/DivisionLookupService', {id:id,mode:2},
                         function(data) {
                             var ds = data.dsDivisionList;
                             for (var i = 0; i < ds.length; i++) {
                                 options1 += '<option value="' + ds[i].optionValue + '">' + ds[i].optionDisplay + '</option>'
                             }
                             $("select#dsDivisionId").html(options1);
                             //$("select#gnDivisionId").html('<option value="0"> -- Select -- </option> ');
                             $("select#gnDivisionId").html('<option value="0">' + $('#select').val() + '</option> ');
                         });
            }
        }
    }

    function getGnDivisionByDsDivision() {
        var oSelect = document.getElementById('dsDivisionId');
        //var options1 = '<option value="0"> -- Select -- </option> ';
        var options1 = '<option value="0">' + $('#select').val() + '</option> ';
        for (var iCount = 0; oSelect.options[iCount]; iCount++) {
            if (oSelect.options[iCount].selected == true) {
                var id = oSelect.options[iCount].value;
                $.getJSON('${pageContext.request.contextPath}/common/DivisionLookupService', {id:id,mode:3},
                         function(data) {
                             var ds = data.gnDivisionList;
                             for (var i = 0; i < ds.length; i++) {
                                 options1 += '<option value="' + ds[i].optionValue + '">' + ds[i].optionDisplay + '</option>'
                             }
                             $("select#gnDivisionId").html(options1);
                         });
            }
        }
    }

</script>
<script language="javascript">
    function validateNominatedSuccessor(){
        var noSucc= $("#nominatedSuccessorName").val();

        if(noSucc!=""){
            return true;
        }else{
            alert($("#pls_enter_name_of_the_nominated_successor").val());
            return false;
        }
    }

</script>

<div id="land-registration-module-home-title" class="module-home-title">
    <s:if test="#session.userGroup !='slc'">
        <s:include value="../alienationApplicationNavigationDetail.jsp"/>
    </s:if>
    <%--<div id="back-button" align="right">
       &lt;%&ndash; <s:submit type="input" value="%{getText('back.label')}" onclick="goBack();"/>&ndash;%&gt;
        <s:submit type="input" value="%{getText('print.label')}" onclick="printPage('detailed-land-grants-application-outer', 'A4', 'P');"/>
    </div>--%>
</div>
<div class="form-outer" id="detailed-land-grants-application-outer">
    <h2><s:property value="%{getText('detailed_alienation_applications.label')}"/> -
     <s:property value="%{getText('land_grant_title.label')}"/></h2>
    <hr/>
    <s:form method="POST" id="gov-land-init-grant-application-form"
            onsubmit="javascript:return (validateFormForInputDataSyntaxErrors('gov-land-init-grant-application-form') && resetIncome() && validateNominatedSuccessor() && selectList())"
            enctype="multipart/form-data">

        <fieldset class="submit-date-fieldset-style">
            <table class="submited-date-table">
                <tr>
                    <td><s:label value="%{getText('submit_date.label')}" cssClass="mandatory-field"/><s:label
                            value="%{getText('date_format.label')}" cssClass="date-format"/></td>
                    <td><s:textfield id="submitDate" name="landApplication.submitDate"/></td>
                </tr>
            </table>
        </fieldset>

        <div id="tabs">
            <ul>
                <li><s:a href="#personDetails"><s:label value="%{getText('details_of_person')}"/></s:a></li>
                <li><s:a href="#alienationDetails"><s:label value="%{getText('details_of_land.label')}"/></s:a></li>
                <li><s:a href="#otherDetails"><s:label value="%{getText('other_details.label')}"/></s:a></li>
            </ul>
            <div id="personDetails">
                <table class="width-100" id="division">
                    <s:if test="viewMode">
                        <tr>
                            <td><s:label value="%{getText('district.label')}"/></td>
                            <td><s:textfield id="districtId" name="districtName" cssClass="width-200-px"
                                             disabled="true"/></td>
                            <td><s:label value="%{getText('ds_division.label')}"/></td>
                            <td><s:textfield id="dsDivisionId" name="dsDivisionName" cssClass="width-200-px"
                                             disabled="true"/></td>
                        </tr>
                        <tr>
                            <td><s:label value="%{getText('gn_division.label')}"/><span class="mandatory-field"></span>
                            </td>
                            <td>
                                <s:textfield id="gnDivisionId" name="holder.gnDivision.name" cssClass="width-200-px"/>
                            </td>
                        </tr>
                    </s:if>
                    <s:else>
                        <tr>
                            <td><s:label value="%{getText('district.label')}"/></td>
                            <td><s:select id="districtId" name="districtId" list="districtListAll"
                                          onchange="getDsDivisionByDistrict()" headerKey="0" headerValue="%{getText('select.label')}"
                                          cssClass="width-200-px"/></td>
                            <td><s:label value="%{getText('ds_division.label')}"/></td>
                            <td><s:select id="dsDivisionId" name="dsDivisionId" list="dsDivisionList"
                                          onchange="getGnDivisionByDsDivision()" headerKey="0"
                                          headerValue="%{getText('select.label')}" cssClass="width-200-px"/></td>
                        </tr>
                        <tr>
                            <td><s:label value="%{getText('gn_division.label')}"/><span class="mandatory-field"></span>
                            </td>
                            <td>
                                <s:select id="gnDivisionId" name="holder.gnDivision.id" list="gnDivisionList"
                                          headerKey="0" headerValue="%{getText('select.label')}" cssClass="width-200-px"/>
                            </td>
                        </tr>
                    </s:else>
                </table>
                <table class="width-100">
                    <s:include value="../personalDetails.jsp"/>
                </table>
            </div>
            <div style="page-break-after:always;"></div>
            <div id="alienationDetails">
                <table class="width-100">
                    <s:include value="../landAlienationDetails.jsp"/>
                </table>
            </div>
            <div id="otherDetails">
                <table class="width-100">
                        <%--<tr>
                            <td><s:label value="%{getText('name_of_the_spouse.label')}" cssClass="mandatory-field"/></td>
                            <td colspan="3"><s:textarea cssClass="width-500-px" name="landApplication.holder.spouse"
                                                        id="nameOfTheSpouse"/></td>
                        </tr>--%>
                        <%--<tr>
                            <td></td>
                            <td colspan="3">
                                <INPUT type="button" value="Add Child" onclick="addRow('childrenTable')"/>
                                <INPUT type="button" value="Delete" onclick="deleteRow('childrenTable')"/>
                                <table id="childrenTable">
                                    <tr>
                                        <td><input type="checkbox"/></td>
                                        <td><s:label value="%{getText('name.label')}"/></td>
                                        <td><input type="text"/></td>
                                        <td><s:label value="%{getText('date_of_birth.label')}"/></td>
                                        <td><input type="text"/></td>
                                    </tr>
                                </table>
                            </td>
                        </tr>--%>
                    <tr>
                        <td><s:label value="%{getText('name_of_the_nominated_successor.label')}"
                                     cssClass="mandatory-field"/></td>
                        <td colspan="3"><s:textarea cssClass="width-500-px"
                                                    name="landApplication.nominatedSuccessorName"
                                                    id="nominatedSuccessorName"/></td>
                    </tr>
                    <tr>
                        <td><s:label value="%{getText('is_the_permit_holder_occupied_the_land.label')}"/></td>
                        <td colspan="3"><s:checkbox name="landApplication.permitHolderOccupiedTheLand"
                                                    id="permitHolderOccupiedTheLand"/></td>
                    </tr>
                    <tr>
                        <td><s:label value="%{getText('name_of_the_present_user.label')}"/></td>
                        <td colspan="3"><s:textarea name="landApplication.presentUserName" id="presentUserName"
                                                    cssClass="width-500-px"/></td>
                    </tr>
                    <tr>
                        <td><s:label value="%{getText('development_status_of_the_land.label')}"/></td>
                        <td colspan="3"><s:textarea name="landApplication.developmentStatus" id="developmentStatus"
                                                    cssClass="width-500-px"/></td>
                    </tr>
                    <tr>
                        <td><s:label value="%{getText('purpose_of_the_requesting_land')}"/></td>
                        <td><s:select id="purposeId" name="landApplication.landUsage.id"
                                      list="purposeList"/></td>
                    </tr>
                </table>
            </div>
            <table>
                <tr>
                    <td align="left-align"><s:include value="../../documentUploadTemp.jsp"/></td>
                </tr>
            </table>
        </div>
        <hr/>

        <div>
            <s:if test="alienationType ==2">
                <s:include value="../../landTree.jsp"/>
            </s:if>
        </div>

        <s:include value="buttons.jsp"/>
        <s:hidden name="alienationType" value="2"/>
        <%--<s:hidden name="landApplication.id"/>--%>
        <%--  <s:submit cssClass="cancel" action="landAlienationModuleHome" value="%{getText('back.label')}"/>   --%>
    </s:form>
</div>
<div id="landDetails" style="width: 780px;">
</div>

<s:hidden id="edit_mode" name="editMode"/>
<s:hidden id="pls_enter_applicant_name" value="%{getText('pls_enter_applicant_name')}"/>
<s:hidden id="pls_enter_submit_date" value="%{getText('pls_enter_submit_date')}"/>
<s:hidden id="pls_enter_applicant_address" value="%{getText('pls_enter_applicant_address')}"/>
<s:hidden id="pls_enter_name_of_the_spouse" value="%{getText('pls_enter_name_of_the_spouse')}"/>
<s:hidden id="pls_enter_name_of_the_nominated_successor"
          value="%{getText('pls_enter_name_of_the_nominated_successor')}"/>
<s:hidden id="select" value="%{getText('select.label')}"/>
<s:hidden id="pls_select_gnDivision" value="%{getText('pls_select_gnDivision.label')}"/>
<s:hidden id="pls_enter_the_applicant_dob" value="%{getText('pls_enter_the_applicant_dob.label')}"/>
<s:hidden id="applicant_age_validate" value="%{getText('applicant_age_validate.label')}"/>
<s:hidden id="pls_enter_annual_income" value="%{getText('pls_enter_annual_income')}"/>
<s:hidden id="pls_enter_valid_annual_income" value="%{getText('pls_enter_valid_annual_income')}"/>
<s:hidden id="pls_select_nationality" value="%{getText('pls_select_nationality.label')}"/>